<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例6</title>
</head>
<body>
    <h1>示例6</h1>
    <form id="myform" action="success.html">
        <p>
            <input id="email"
                   required
                   pattern="\w+@\w+(\.[a-zA-Z]{2,3}){1,2}"
                   placeholder="请输入邮箱"/>
        </p>
        <p>
            <input id="password"
                   required
                   pattern="\w{8,}"
                   placeholder="请输入密码"/>
        </p>
        <p>
            <button type="submit">登录</button>
            <button type="reset">重置</button>
        </p>
    </form>
</body>
</html>